<template>
    <div class="hello">
        <!-- <div ref="about" id="main" class="about" style="height:100vh;width:100%;" /> -->
        <dv-full-screen-container>
            <dv-border-box-1>
                <div ref="chartWrapper">
                    <hbmap></hbmap>
                </div>
            </dv-border-box-1>
        </dv-full-screen-container>
    </div>
</template>

<script>
import hebei from "./hebei.json"
import hbmap from "./hbMap.vue"
// 引入 ECharts 主模块
var echarts = require("echarts/lib/echarts");
// 引入柱状图
require("echarts/lib/chart/bar");
require("echarts/lib/chart/line");
// 引入提示框和标题组件
require("echarts/lib/component/tooltip");
require("echarts/lib/component/title");
require("echarts/lib/chart/pie");
require("echarts/lib/component/markLine");
require("echarts/lib/component/geo");
require("echarts/lib/chart/scatter");
require("echarts/lib/chart/map");
// const about = ref(null)

export default {
    name: 'HelloWorld',
    components:{
        hbmap
    },
    data() {
        return {
            msg: 'Welcome to Your Vue.js App'
        }
    },
    mounted() {

       
      
    },
    created() {
      
    },
    methods: {
       
    },

    beforeDestroy() {
    
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped>
.managingPatientSize {
    height: 100%;
    background-color: #111b41;
    color: #fff;

}

.el-row {
    height: 100%;

}

.el-col {
    height: 100%;
    position: relative;

}

#china-map {
    height: 100%;
}
</style>
